<!DOCTYPE html>
<html>

<head>
    <!-- ==========================
    	Meta Tags
    =========================== -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- ==========================
    	Title
    =========================== -->
    <title>艺博之星全国评选（广州站）-1组</title>

    <!-- ==========================
    	Favicons
    =========================== -->
    <link rel="shortcut icon" href="icons/favicon.ico">
    <link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="icons/apple-touch-icon-114x114.png">

    <!-- ==========================
    	Fonts
    =========================== -->


    <!-- ==========================
    	CSS
    =========================== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/animate.css" rel="stylesheet" type="text/css">
    <link href="css/custom.css" rel="stylesheet" type="text/css">


    <!-- ==========================
    	JS
    =========================== -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" >
   <div class="moblie-bg"></div>
    <a href="#page-top" class="scroll-up scroll"><i class="glyphicon glyphicon-chevron-up"></i></a>
    <h1>艺博之星全国评选（广州站）-1组</h1>
    <!-- ==========================
    	HEADER - START
    =========================== -->
    <header>
        <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
            <div class="container">

                <div class="navbar-header">
                    <div class="bottom-menu">
                        <a href="#"><i class="glyphicon glyphicon-home"></i> 首页</a>
                        <a>
                            <button type="button" class="href-btn" data-toggle="modal" data-target="#search"><i class="glyphicon glyphicon-search"> 搜索</i>
                            </button>
                        </a>
                        <a href="#"><i class="glyphicon glyphicon-stats"></i> 排名</a>
                    </div>
                </div>
            </div>
            <!-- /.container -->
        </nav>
        <!-- ===== 搜索 start====-->
        <div class="modal fade" id="search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="search">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                        <button class="btn btn-info" type="button"><i class="glyphicon glyphicon-search"></i> 搜索</button>
                    </span>
                </div>
                <p class="tip">搜索选手编号(ID)或姓名，为Ta投票吧！</p>
            </div>
        </div>
        <!-- ===== 搜索 end====-->

        <div class="container title-cont">
            <h2>艺博之星全国评选（广州站）-1组</h2>
            <p><i class="glyphicon glyphicon-time"></i> 投票期限: 2015-11-09 15:15 至 2015-12-16 15:15</p>
        </div>

    </header>
    <!-- ==========================
    	HEADER - END
    =========================== -->
    <!-- ==========================
    	BLOG - START
    =========================== -->

    <ul class="nav nav-tabs nav-justified ranklist">
        <li class="active"><a data-toggle="pill" href="#main"><i class="glyphicon glyphicon-th" aria-hidden="true"></i> 个人排名</a>
        </li>
        <li><a data-toggle="pill" href="#team"><i class="glyphicon glyphicon-th-large" aria-hidden="true"></i> 团队排名</a>
        </li>
    </ul>
    <section id="main" class="content-first tab-pane fade in active">

        <div class="container">
            <!--            <h2 class="scrollpoint sp-effect3 animated fadeInDown"><span class="glyphicon glyphicon-th" aria-hidden="true"></span> 个人排名</h2>-->
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 main-box">
                    <div class="lood">
                        <div class="thamb-img" style="background-image: url(image/im.jpg);" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><a href="#"><img src="image/im.jpg" alt="Neoma Business School logo"></a>
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.10</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>李香雅</h4>
                            <span>参赛宣言：</span>
                            <p>只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="blog-info">
                            <span>编号： 10023</span>
                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>
                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.10</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>李香雅</h4>
                            <span>参赛宣言：</span>
                            <p>只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="blog-info">
                            <span>编号： 10023</span>
                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>
                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.10</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>李香雅</h4>
                            <span>参赛宣言：</span>
                            <p>只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="blog-info">
                            <span>编号： 10023</span>
                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>
                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.10</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>李香雅</h4>
                            <span>参赛宣言：</span>
                            <p>只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="blog-info">
                            <span>编号： 10023</span>
                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>
                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.10</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>李香雅</h4>
                            <span>参赛宣言：</span>
                            <p>只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="blog-info">
                            <span>编号： 10023</span>
                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>
                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.10</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>李香雅</h4>
                            <span>参赛宣言：</span>
                            <p>只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="blog-info">
                            <span>编号： 10023</span>
                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>
                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.10</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>李香雅</h4>
                            <span>参赛宣言：</span>
                            <p>只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="blog-info">
                            <span>编号： 10023</span>
                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>
                    </div>

                </div>

            </div>
        </div>
    </section>

    <section id="team" class="content-first tab-pane fade">
        <div class="container">
            <!--            <h2 class="scrollpoint sp-effect3 animated fadeInDown"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span> 团队排名</h2>-->
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 main-box team">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.3</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>第三组</h4>
                            <span>死亡之组</span>
                            <p>只要努力，就可以成功只要努力，就可以成功只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="progress">
                            <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-success progress-bar-striped">
                                80%
                            </div>
                        </div>
                        <div class="blog-info">

                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>


                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box team">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.3</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>第三组</h4>
                            <span>死亡之组</span>
                            <p>只要努力，就可以成功只要努力，就可以成功只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="progress">
                            <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-success progress-bar-striped">
                                80%
                            </div>
                        </div>
                        <div class="blog-info">

                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>


                    </div>

                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 main-box team">
                    <div class="lood">
                        <div class="thamb-img" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0"><img src="image/im.jpg" alt="Neoma Business School logo">
                        </div>
                        <div class="rank"><span class="num" aria-hidden="true">NO.3</span>
                        </div>
                        <div class="info" data-toggle="modal" data-target="#modal" data-ssid="5469d4a0aea083e3138b4cd0">
                            <h4>第三组</h4>
                            <span>死亡之组</span>
                            <p>只要努力，就可以成功只要努力，就可以成功只要努力，就可以成功只要努力，就可以成功！</p>
                        </div>
                        <div class="progress">
                            <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-success progress-bar-striped">
                                80%
                            </div>
                        </div>
                        <div class="blog-info">

                            <span><i class="glyphicon glyphicon-thumbs-up"> 10245票</i></span>
                            <span><a href="#"><i class="glyphicon glyphicon-heart"></i> 给Ta投票</a></span>

                        </div>


                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- ==========================
    	BLOG - END
    =========================== -->
    <!-- ==========================
    	FOOTER - START
    =========================== -->
    <section id="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 scrollpoint sp-effect3">



                    <p>© 艺博家庭教育</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ==========================
    	FOOTER - END
    =========================== -->

    <!-- ==========================
    	JS
    =========================== -->
    <script src="js/jquery-latest.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/custom.js"></script>
    <!--
    <script src="js/jquery.masonry.min.js"></script>
    <script>
  $(function(){

    var $container = $('.blog-masonry');

    $container.imagesLoaded( function(){
      $container.masonry({
        itemSelector : '.post-masonry'
      });
    });

  });
</script>
-->

</body>

</html>
